$cColor: #333;
$color1: #999;
$color2: #1e71b7;
$color3: #005fae;
$color10: #215fa8;
$color9: #7497f6;
$color4: #111;
$color5: #666;
$color6: #484848;
$color7: #F4782D;
$color8: #6c7076;
$back1: #F5F5F5;
$back2: #f3f3f3;
$back3: #212A37;
$back4: #f9f9f9;
$back5: #F4F4F4;
$back6: #292a2d;
$back6: #314043;
$back7: #f8f9fa;
$back8: #ededed;
$border2: #b5b8bc;
$border1: #e6e6e6;
$border3: #dfdfdf;
$border4: #e8e8e8;
$border5: #f2f2f2;
$border6: #f1f1f1;
$line1: #adcce5;
@mixin transform-style($args) {
    -webkit-transform-style: $args;
    -moz-transform-style: $args;
    -ms-transform-style: $args;
    -o-transform-style: $args;
    transform-style: $args;
}

@mixin backface-visibility($args) {
    -webkit-backface-visibility: $args;
    -moz-backface-visibility: $args;
    -ms-backface-visibility: $args;
    -o-backface-visibility: $args;
    backface-visibility: $args;
}

@mixin animation($args) {
    -webkit-animation: $args;
    -moz-animation: $args;
    -ms-animation: $args;
    -o-animation: $args;
    animation: $args;
}

@mixin flex-basis($args) {
    -webkit-flex-basis: $args;
    -moz-flex-basis: $args;
    -ms-flex-basis: $args;
    -o-flex-basis: $args;
    flex-basis: $args;
}

@mixin animation-fill-mode($args) {
    -webkit-animation-fill-mode: $args;
    -moz-animation-fill-mode: $args;
    -ms-animation-fill-mode: $args;
    -o-animation-fill-mode: $args;
    animation-fill-mode: $args;
}

@mixin transform($args) {
    -webkit-transform: $args;
    -moz-transform: $args;
    -ms-transform: $args;
    -o-transform: $args;
    transform: $args;
}

@mixin transform-origin($args) {
    -webkit-transform-origin: $args;
    -moz-transform-origin: $args;
    -ms-transform-origin: $args;
    -o-transform-origin: $args;
    transform-origin: $args;
}

@mixin transition($args) {
    -webkit-transition: $args;
    -moz-transition: $args;
    -ms-transition: $args;
    -o-transition: $args;
    transition: $args;
}

@mixin display($args) {
    -webkit-display: $args;
    -moz-display: $args;
    -ms-display: $args;
    -o-display: $args;
    display: $args;
}

@mixin flex($args) {
    -webkit-flex: $args;
    -moz-flex: $args;
    -ms-flex: $args;
    -o-flex: $args;
    flex: $args;
}

@mixin flex-direction($args) {
    -webkit-flex-direction: $args;
    -moz-flex-direction: $args;
    -ms-flex-direction: $args;
    -o-flex-direction: $args;
    flex-direction: $args;
}

@mixin align-items($args) {
    -webkit-align-items: $args;
    -moz-align-items: $args;
    -ms-align-items: $args;
    -o-align-items: $args;
    align-items: $args;
}

@mixin justify-content($args) {
    -webkit-justify-content: $args;
    -moz-justify-content: $args;
    -ms-justify-content: $args;
    -o-justify-content: $args;
    justify-content: $args;
}

@mixin flex-wrap($args) {
    -webkit-flex-wrap: $args;
    -moz-flex-wrap: $args;
    -ms-flex-wrap: $args;
    -o-flex-wrap: $args;
    flex-wrap: $args;
}
@mixin align-self($args) {
    -webkit-align-self: $args;
    -moz-align-self: $args;
    -ms-align-self: $args;
    -o-align-self: $args;
    align-self: $args;
}

@mixin user-select($args) {
    -webkit-user-select: $args;
    -moz-user-select: $args;
    -ms-user-select: $args;
    -o-user-select: $args;
    user-select: $args;
}

@mixin line-clamp($args) {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: $args;
    -webkit-box-orient: vertical;
}

@function px2vw($px) {
    @return $px/1920 * 100vw;
}

// 常用过渡
.cTrans {
    @include transition(all .5s);
}